<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" >

<body>
<ui:composition>
    <div id="logo">
        <h:graphicImage library="images" name="default-avatar-small.jpg"/>
        <span id="username">#{facesContext.externalContext.sessionMap["loggedInUser"].email}</span>
    </div>
    <div id="main-nav">
        <ul>
            <li class="#{selectedPage == 'project' ? 'selected' : ''}"><h:outputLink value="project.xhtml" >Project</h:outputLink></li>
            <li class="#{selectedPage == 'team' ? 'selected' : ''}"><h:outputLink value="team.xhtml" >Team</h:outputLink></li>
            <li class="#{selectedPage == 'archives' ? 'selected' : ''}"><h:outputLink value="archives.xhtml">Archives</h:outputLink></li>
            <li class="#{selectedPage == 'calendar' ? 'selected' : ''}"><h:outputLink value="calendar.xhtml">Calendar</h:outputLink></li>
        </ul>
    </div>
</ui:composition>
</body>

</html>